前言
最近都在做微信小程序,有踩一些坑,总结了一下
一、关于登录
app.js
在app.js文件中有一个onLaunch方法,小程序启动的时候会调用一次,可用来判读用户是否登录,登录状态是否失效
判断是否登录官方例子
二、css一些布局或样式问题
1.页面背景
整屏的背景可在wxml对应的wxss设置page
page {
display: block;
height: 100%;
background: url("https://XX.XXX.cn/bg.png") no-repeat center;
background-size: cover;
}
2.wxss中写css需要注意的地方
wxss中的背景图不能是本地的,一定要网络图片。
单位最好是用rpx
不需要写加前缀的样式
不支持复杂的选择器方法,比如说+、>,支持的选择器方法可以嵌套,但是最好要避免不要嵌套太多层
具体选择器支持方法
三、普通html转小程序(js部分基本都要重写,可复制不多)
1.html转wxml
a.像div、h1、h2、section等块级元素全部转为view标签
b.像span、i、em等行内块级元素全部转换转为text标签
c.img转为image
d.a转为navigator
e.其他内容参考组件修改,表单基本都有对应的组件
2.css转wxss
a.选择器复杂的需要修改
b.标签名需要修改成对应的(经验告诉我们下次最好不要用属性选择器,用类选择器!!)
c.如果原来是用less写的rem单位,可以直接把rem全部替换为*100rpx,图片的域名不变部分最好也提取出来,不然正式的话改一遍域名也是很痛苦的
3.详情页转换
一般后台的详情内容都是html的,这就比较坑了,不过网上有一些转码的插件
现在可以插入页面了,不过我还没有试过,下次试试再说
路径
1.跳转路径
小程序中可以用相对路径:'../../redirect',
也可以用绝对路径:'/page/index/index'。
2.弹出框路径
wx.showToast(OBJECT)这个路径只能是本地路径,不支持网络图片
3.小程序绑定公众号后按钮绑定小程序里面的页面
小程序绑定公众号后按钮绑定小程序里面的页面:'pages/login/login'
总结
暂时只想到这么多需要注意的地方,其他的下次想到再更
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。